<style>
    #peccancyInformation-edit .layui-form-label {
        width: 94px;
    }

    #peccancyInformation-edit .layui-input-block {
        margin-left: 124px;
    }
</style>
<div class="febs-container" id="peccancyInformation-edit">
    <div class="febs-open-body">
        <form class="layui-form" action="" lay-filter="peccancyInformation-edit-form">
            <div class="layui-card">
                <blockquote class="layui-elem-quote layui-elem-quote-primary">违章对象信息</blockquote>
                <div class="layui-card-body">
                    <div class="layui-form-item febs-hide">
                        <div class="layui-row">
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">id：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="informationId" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">公司Id：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="tenantId" autocomplete="off" class="layui-input"
                                           maxlength="32">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">
                            <div class="layui-col-md12">
                                <label class="layui-form-label febs-form-item-require">违章对象：</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="peccancyObject" lay-filter="peccancyObject" title="本工" value="1" checked>
                                    <input type="radio" name="peccancyObject" lay-filter="peccancyObject" title="外包" value="2">
                                    <input type="radio" name="peccancyObject" lay-filter="peccancyObject" title="外协员工" value="3">
                                    <input type="radio" name="peccancyObject" lay-filter="peccancyObject" title="承包队" value="4">
                                    <input type="radio" name="peccancyObject" lay-filter="peccancyObject" title="部门" value="5">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div id="objectUser">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label febs-form-item-require">违章姓名：</label>
                                    <div class="layui-input-block layui-input-icon-container"
                                         style="position: relative">
                                        <input type="text" name="peccancyRealName" id="peccancyRealName"
                                               autocomplete="off"
                                               class="layui-input " lay-verify="required"
                                               minlength="2" maxlength="10" placeholder="请选择违章人员">
                                        <div class="layui-input-suffix" id="addBtn">
                                            <i class="layui-icon layui-icon-add-1"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="objectContractor" class="febs-hide">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label febs-form-item-require">违章承包队：</label>
                                    <div class="layui-input-block layui-input-icon-container"
                                         style="position: relative">
                                        <input type="text" name="peccancyContractorName" id="peccancyContractorName"
                                               autocomplete="off"
                                               class="layui-input "
                                               minlength="2" maxlength="10" placeholder="请选择违章承包队">
                                        <div class="layui-input-suffix" id="contractorAddBtn">
                                            <i class="layui-icon layui-icon-add-1"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="objectDept" class="febs-hide">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label febs-form-item-require">违章部门：</label>
                                    <div class="layui-input-block layui-input-icon-container"
                                         style="position: relative">
                                        <input type="text" name="peccancyDept" id="peccancyDept" autocomplete="off"
                                               class="layui-input "
                                               minlength="2" maxlength="10" placeholder="请选择违章部门">
                                        <div class="layui-input-suffix" id="deptNameAddBtn">
                                            <i class="layui-icon layui-icon-add-1"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="febs-hide">
                        <input type="text" name="peccancyUserPostId" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserPostName" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserId" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserNo" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserDeptId" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserDept" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserContractorId" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserContractorName" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserContractorTeamId" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserContractorTeamName" autocomplete="off" class="layui-input">
                        <input type="text" name="clauseRuleContent" autocomplete="off" class="layui-input">
                        <input type="text" name="finallyPenaltyAmount" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserIdentificationNo" autocomplete="off" class="layui-input">
                        <input type="text" name="peccancyUserSign" autocomplete="off" class="layui-input">
                    </div>
                    <div id="userPeccency">
                        <div class="layui-row">
                            <div class="layui-form-item  febs-hide" id="idFlg">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label layui-form-label-detail">身份证号：</label>
                                    <div class="layui-input-block layui-input-block-html"
                                         id="peccancyUserIdentificationNo"
                                         data-th-text="--">
                                    </div>
                                </div>
                                <div class="layui-col-md6 febs-hide" id="userNoFlg">
                                    <label class="layui-form-label layui-form-label-detail">员工工号：</label>
                                    <div class="layui-input-block layui-input-block-html" id="peccancyUserNo"
                                         data-th-text="--">
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item">

                                <div class="layui-col-md6 febs-hide" id="postFlg">
                                    <label class="layui-form-label layui-form-label-detail">岗位名称：</label>
                                    <div class="layui-input-block layui-input-block-html" id="userPostName"
                                         data-th-text="--">
                                    </div>
                                </div>
                                <div class="layui-col-md6 febs-hide" id="deptFlg">
                                    <label class="layui-form-label layui-form-label-detail">所属部门：</label>
                                    <div class="layui-input-block layui-input-block-html" id="userDept"
                                         data-th-text="--">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item febs-hide" id="contractorFlg">

                                <div class="layui-col-md6">
                                    <label class="layui-form-label layui-form-label-detail">承包方：</label>
                                    <div class="layui-input-block layui-input-block-html" id="userContractorName"
                                         data-th-text="--">
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <label class="layui-form-label layui-form-label-detail">承包队：</label>
                                    <div class="layui-input-block layui-input-block-html" id="userContractorTeamName"
                                         data-th-text="--">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="deptPeccency" class="febs-hide">
                        <div class="layui-row">
                            <div class="layui-form-item">


                            </div>
                        </div>
                    </div>
                    <div id="contractorPeccency" class="febs-hide">
                        <div class="layui-row">

                            <div class="layui-form-item">

                            </div>
                        </div>
                    </div>
                    <div id="yearCount" class="febs-hide">
                        <div class="layui-row">
                            <div class="layui-form-item">

                                <div class="layui-col-md2">
                                    <label class="layui-form-label layui-form-label-detail"
                                           style="color: red">违章次数：</label>
                                    <div class="layui-input-block layui-input-block-html" id="yearCountNum"
                                         data-th-text="--">
                                    </div>
                                </div>
                                <div class="layui-col-md2">
                                    <label class="layui-form-label layui-form-label-detail"
                                           style="color: red">罚款金额：</label>
                                    <div class="layui-input-block layui-input-block-html" id="yearCountMoney"
                                         data-th-text="--">
                                    </div>
                                </div>

                                <div class="layui-col-md2">
                                    <label class="layui-form-label layui-form-label-detail"
                                           style="color: red">扣除积分：</label>
                                    <div class="layui-input-block layui-input-block-html" id="yearCountSocre"
                                         data-th-text="--">
                                    </div>
                                </div>
                                <div class="layui-col-md2">
                                    <label class="layui-form-label layui-form-label-detail"
                                           style="color: red">视频学习：</label>
                                    <div class="layui-input-block layui-input-block-html" id="yearCountLearn"
                                         data-th-text="--">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <blockquote class="layui-elem-quote layui-elem-quote-primary">项目信息</blockquote>
                <div class="layui-card-body">
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label  layui-form-label-detail">所属公司：</label>
                                <div class="layui-input-block layui-input-block-html" id="tenantName" data-th-text="--">
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">所属业务：</label>
                                <div class="layui-input-block">
                                    <select name="businessType" lay-verify="required">
                                        <option value="1">海工</option>
                                        <option value="2">修船</option>
                                        <option value="3">造船</option>
                                        <option value="4">场地</option>
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">所属项目：</label>
                                <div class="layui-input-block">
                                    <select name="projectId" id="projectId" lay-search="" lay-filter="projectId"
                                            lay-verify="required"></select>
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">违章区域：</label>
                                <div class="layui-input-block">
                                    <select name="peccancyAreaId" id="peccancyAreaId" lay-search=""
                                            lay-filter="peccancyAreaId"
                                            lay-verify="required"></select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-form-item febs-hide">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">项目名称：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="projectName" autocomplete="off" class="layui-input"
                                           maxlength="255">
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">违章区域：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="peccancyArea" autocomplete="off" class="layui-input"
                                           maxlength="255" lay-veify="required">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <blockquote class="layui-elem-quote layui-elem-quote-primary">违章信息</blockquote>
                <div class="layui-card-body">
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">违章类型：</label>
                                <div class="layui-input-block">
                                    <select name="peccancyType" id="peccancyType" lay-veify="required"
                                            lay-search=""></select>
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">作业类别：</label>
                                <div class="layui-input-block">
                                    <select name="jobOperation" id="jobOperation" lay-veify="required"
                                            lay-search=""></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">违章原因：</label>
                                <div class="layui-input-block">
                                    <select name="peccancyRootCause" id="peccancyRootCause" lay-veify="required"
                                            lay-search=""></select>
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label  febs-form-item-require">违章性质：</label>
                                <div class="layui-input-block">
                                    <select name="peccancyNature" id="peccancyNature" lay-veify="required"
                                            lay-search="">
                                        <option value="1">一般</option>
                                        <option value="2">较重</option>
                                        <option value="3">严重</option>
                                    </select>
                                </div>
                            </div>


                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">违章时间：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="peccancyTime" id="febs-form-group-date"
                                           lay-verify="required|date"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">是否现场：</label>
                                <div class="layui-input-block">
                                    <!--                                <select name="isScene" id="isScene" lay-veify="required" lay-search="">-->
                                    <!--                                    <option value="0">非现场</option>-->
                                    <!--                                    <option value="1">现场</option>-->
                                    <!--                                </select>-->
                                    <input type="checkbox" name="isScene" lay-skin="switch" lay-text="是|否">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item febs-hide">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">条款类型Id：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="clauseId" autocomplete="off" class="layui-input"
                                           maxlength="255">
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">条款规则Id：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="clauseRuleId" autocomplete="off" class="layui-input"
                                           maxlength="255">
                                    <input type="text" name="disposeForm" autocomplete="off" class="layui-input"
                                           maxlength="255">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">条款类型：</label>
                                <div class="layui-input-block layui-input-icon-container" style="position: relative">
                                    <input type="text" name="clauseName" autocomplete="off"
                                           class="layui-input " lay-verify="required"
                                           minlength="2" maxlength="10" disabled placeholder="请选条款类型">
                                    <div class="layui-input-suffix" id="addClauseBtn">
                                        <i class="layui-icon layui-icon-add-1"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label layui-form-label-detail">处理形式：</label>
                                <div class="layui-input-block layui-input-block-html" id="disposeFormName"
                                     data-th-text="--">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md6">
                                <label class="layui-form-label febs-form-item-require">考核扣减：</label>
                                <div class="layui-input-block layui-input-block-html" id="finallyPenaltyAmount"
                                     data-th-text="--">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item febs-hide" id="clauseRuleContentItem">

                            <div class="layui-col-md12">
                                <label class="layui-form-label febs-form-item-require">条款内容：</label>
                                <div class="layui-input-block layui-input-block-html" id="clauseRuleContent"
                                     data-th-text="--">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">

                            <div class="layui-col-md12">
                                <label class="layui-form-label  febs-form-item-require">惩罚原因：</label>
                                <div class="layui-input-block">
                        <textarea name="reason" class="layui-textarea" maxlength="800"
                                  placeholder="请输入惩罚原因" lay-verify="required"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-row">
                            <label class="layui-form-label  febs-form-item-require">上传图片：</label>
                            <div class="layui-input-block">
                                <div id="fileUpload" style="height: 120px ;width: 100%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">
                            <div class="layui-col-md6">
                                <label class="layui-form-label" style="width: 84px">违章人签名：</label>
                                <div class="layui-input-block">
                                        <div id="peccancyUserSignImg" class="febs-hide" style="float: left">
                                            <img id="peccancyUserSignImg1" alt="" src=""
                                                 style="width: 120px ;height: 50px"/>
                                        </div>
                                        <button type="button"  id="peccancyUserSign" class="layui-btn layui-btn-sm"  style="float: left">
                                            点击签名
                                        </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <blockquote class="layui-elem-quote layui-elem-quote-primary">处理方式</blockquote>
                <div class="layui-card-body">
                    <div class="layui-form-item" id="learnFlg">
                        <label class="layui-form-label">处理方式：</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="learnVideoFlg" id="learnVideoFlg" title="视频教育"
                                   lay-skin="primary">
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item" id="amountFlg">
                            <div class="layui-input-block">

                                <div class="layui-col-md2">
                                    <input type="checkbox" name="penaltyAmountFlg" lay-filter="penaltyAmountFlg"
                                           lay-skin="primary" title="考核减扣">
                                </div>
                                <div class="layui-col-md4">
                                    <input type="text" name="penaltyAmount" id="penaltyAmount" autocomplete="off"
                                           class="layui-input"
                                           placeholder="请填写金额"
                                           lay-verify="amount" disabled
                                           onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item" id="scoreFlg">
                            <div class="layui-input-block">

                                <div class="layui-col-md2">
                                    <input type="checkbox" name="penaltyScoreFlg" id="penaltyScoreFlg"
                                           lay-filter="penaltyScoreFlg" lay-skin="primary" title="扣除个人积分">
                                </div>
                                <div class="layui-col-md4">
                                    <input type="text" name="penaltyScore" autocomplete="off" class="layui-input"
                                           placeholder="请填写扣除积分"
                                           lay-verify="amount" disabled
                                           onkeyup="value=value.replace(/[^\d{1,}\d{1,}|\d{1,}]/g,'').replace(/\./g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div th:if="${peccancyInformation} and ${peccancyInformation.auditList} and ${peccancyInformation.auditList.size() > 0}">
                <div class="layui-card">
                    <blockquote class="layui-elem-quote layui-elem-quote-primary">审核记录</blockquote>
                    <div class="layui-card-body">
                        <div class="layui-form-item">
                            <table lay-filter="peccancyAuditRecordTable" id="peccancyAuditRecordTable"
                                   lay-data="{id: 'peccancyAuditRecordTable'}"></table>
                        </div>
                    </div>
                </div>
            </div>

            <div th:if="${peccancyInformation} and ${peccancyInformation.appeaFlg eq '1'}">
                <div class="layui-card">
                    <blockquote class="layui-elem-quote layui-elem-quote-primary" id="appeal_field">申诉信息
                    </blockquote>
                    <div class="layui-card-body">
                        <div class="layui-form-item">
                            <div class="layui-col-md12">
                                <label class="layui-form-label layui-form-label-detail">申诉信息：</label>
                                <div class="layui-input-block layui-input-block-html"
                                     th:text="${peccancyInformation.appealReason}"></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-col-md6">
                                <label class="layui-form-label layui-form-label-detail">申诉人：</label>
                                <div class="layui-input-block layui-input-block-html"
                                     th:text="${peccancyInformation.appealRealName}"></div>
                            </div>
                            <div class="layui-col-md6">
                                <label class="layui-form-label layui-form-label-detail">申诉时间：</label>
                                <div class="layui-input-block layui-input-block-html"
                                     th:text="${peccancyInformation.appealTime}"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div th:if="${peccancyInformation} and ${peccancyInformation.issuanceList} and ${peccancyInformation.issuanceList.size() > 0}">
                <div class="layui-card">
                    <blockquote class="layui-elem-quote layui-elem-quote-primary">签发记录</blockquote>
                    <div class="layui-card-body">
                        <div class="layui-form-item">
                            <table lay-filter="peccancyIssuanceRecordTable" id="peccancyIssuanceRecordTable"
                                   lay-data="{id: 'peccancyIssuanceRecordTable'}"></table>
                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-form-item febs-hide">
                <button class="layui-btn" lay-submit="" lay-filter="peccancyInformation-edit-form-submit"
                        id="submit"></button>
                <button class="layui-btn" lay-submit="" lay-filter="peccancyInformation-edit-form-save"
                        id="save"></button>
                <button type="reset" class="layui-btn" id="reset"></button>
            </div>
        </form>
    </div>

</div>
<script data-th-inline="javascript">
    var peccancyInformationData = [[${peccancyInformation}]];
    var disposeFormList = [[${disposeFormList}]];
</script>
<script th:src="@{/febs/js/peccancy/peccancyInformation/peccancyInformationEdit.js(v=1)}"></script>